import React, { useEffect } from 'react';
import { Card, Typography } from 'antd';
import { useAppDispatch } from '../../store';
import { setBreadcrumbs } from '../../store/slices/uiSlice';

const { Title } = Typography;

const SystemSettings: React.FC = () => {
  const dispatch = useAppDispatch();

  useEffect(() => {
    dispatch(setBreadcrumbs([
      { title: '系统管理' },
      { title: '系统设置' },
    ]));
  }, [dispatch]);

  return (
    <div>
      <Title level={2}>系统设置</Title>
      <Card>
        <p>系统设置功能正在开发中...</p>
        <p>这里将显示系统配置选项。</p>
      </Card>
    </div>
  );
};

export default SystemSettings;
